<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>
        Pomelo
    </title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta http-equiv="content-style-type" content="text/css"/>
    <meta http-equiv="content-scripte-type" content="text/javascript"/>
    <meta name="author" content="netease"/>
    <meta name="version" content="1.0"/>
    <meta name="keywords" content="pomelo"/>
    <link type="text/css" rel="stylesheet" href="/css/base.css"/>
    <script src="js/lib/build/build.js" type="text/javascript"></script>
    <script type="text/javascript">
        require('boot');
    </script>
    <script type="text/javascript">
        var pomelo = window.pomelo;
        var host = window.location.hostname;
        var port = 3014;

        function show() {
            pomelo.init({
                host: host,
                port: port,
                log: true
            }, function () {
                pomelo.request("gate.gateHandler.queryEntry", {uid: 'test'}, function (data) {
                    pomelo.disconnect();

                    pomelo.init({
                        host: data.host,
                        port: data.port,
                        log: true
                    }, function () {
                        pomelo.request("connector.entryHandler.enter", {
                            username: 'wzy',
                            rid: 'room1'
                        }, function (data) {

//                            pomelo.request("chat.roomHandler.whoami", {
//                                username: 'wzy',
//                                role: 'master'
//                            }, function (data) {
//                                alert(data);
//                            });
                            //                            var reader = new FileReader();
//                            var url = 'https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=9fff8e917fd98d1062d904634056d36b/0824ab18972bd40784d8cb9078899e510fb309bb.jpg';
//                            var xhr = new XMLHttpRequest();
//                            xhr.responseType = "blob";
//                            xhr.open("get", url, true);
//                            xhr.onload = function () {
//                                if (this.status == 200) {
//                                    // readAsBinaryString,readAsDataURL，读取为不同格式
//                                    // 格式参考http://www.cnblogs.com/tujia/p/6483255.html
//                                    reader.readAsBinaryString(this.response);
//                                    // reader.readAsDataURL(this.response);
//                                    reader.onloadend = function (e) {
//                                        pomelo.request('chat.fileHandler.upload', {
//                                            file: e.target.result,
//                                            username: 'test',
//                                            filename: '1.jpg'
//                                        }, function (data) {
//                                            // alert(data);
//                                        });
//                                    };
//                                }
//                            };
//                            pomelo.request('chat.fileHandler.download', {
//                                filename: '1.jpg',
//                                username: 'test',
//                            }, function (data) {
//                                // alert(data);
//                            });
//                            xhr.send();
//                            image.onload = function () {
//                                pomelo.request('chat.fileHandler.upload', {
//                                    file: image
//                                }, function (data) {
//                                    alert(data);
//                                });
//                            };

//                            pomelo.request('chat.fileHandler.upload', {
//                                file: image
//                            }, function (data) {
//                                alert(data);
//                            });
                        });

                        pomelo.request('chat.hideAndSeekHandler.endHide', {
                            username: 'wzy',
                            rid: 'room1',
                            urls: ['1.jpg', '2.jpg', '3.jpg']
                        }, function (data) {
                            alert(data);
                        });

                        pomelo.request('chat.hideAndSeekHandler.found', {
                            username: '1',
                            url: '3.jpg'
                        }, function (data) {
                            alert(data);
                        });

                    });

                });
            });
        }
    </script>
</head>
<body>
<div class="g-doc">
    <div class="g-banner" style="border:none">
        <div class="logo">
            <div class="img"></div>
        </div>
    </div>
    <div class="g-background">
        <div class="g-content">
            Welcome to Pomelo
        </div>
    </div>
    <div id="result"></div>
    <div class="g-button">
        <input id="test" type="button" value="Test Game Server" onclick="show()"/>
    </div>
</div>
</body>
</html>
<script>
    pomelo.request('chat.fileHandler.download', {
        filename: '1.jpg',
        username: 'test',
    }, function (data) {
        alert(data);
    })
</script>